<template>
    <div id="delBtn">
      <el-button :type="type" :plain="plain" :disabled="disabled">
        <i :class="'el-icon-'+icon" />
        {{value}}
      </el-button>
    </div>
  </template>
  <script>
  import { defineComponent } from 'vue'
  export default defineComponent({
    props: {
      value: {
        type: String,
        required: true
      },
      icon :{
        type: String,
        required: true
      },
      plain: {
        type: Boolean,
        required: false,
        default: false
      },
      type :{
        type: String,
        required: false,
        default: 'default'
      },
      disabled: {
        type: Boolean,
        required: false,
        default: false
      }
    },
  });
  </script>
  <style lang="scss" scoped>
  #delBtn {
    display: inline-block;
    cursor: pointer;
    margin-left: 7px;
    .el-button {
      font-size: 12px;
    }
    :hover {
      opacity: 0.8;
    }
  }
  </style>
  